<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@page isELIgnored="false"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AUDI CLUBS</title>
 
<link href="<c:url value="/styles/style.css"/>" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="<c:url value="/scripts/form.css"/>" type="text/css" media="all" />
</head>

<body id="setbgimg1">
<div class="top_warp">
  <div class="top_nav">
  <ul>
  <li class="logoset1"><a href="#"><em>一汽大众</em></a></li>
   <li class="logoset2"><a href="#"><em>audi club</em></a></li>
   <li class="navset1"><a href="#"><em>首页</em></a></li>
      <li class="navset2"><a href="#"><em>圈子</em></a></li>
         <li class="navset3"><a href="#"><em>活动</em></a></li>
            <li class="navset4"><a href="#"><em></em></a></li> <li class="navset5"><a href="#"><em></em></a></li> <li class="navset6"><a href="#"><em></em></a></li>
  
     <li class="searchset1">
     <form>
     <input type="image" src="${ctx}/images/search_btn.jpg" style="float:left" /><div style="margin-top:20px; height:15px; float:left"><input style="width:78px; height:15px;" /></div></form></li>
        <li class="logoset3"><a href="#"><em>突破科技启迪未来</em></a></li>
  
  
  
  </ul>
  
  </div>
</div>
<div  class="clear"></div>
<div class="body_contents" id="register">
  <div class="body_contents_top"></div>     
  <div class="register_title"><img src="${ctx}/images/register_title.jpg" /><a href="#"><img src="${ctx}/images/btn_backup.jpg" /></a></div>


 <form class="registerform" method="post" action="${ctx}/audi/register_common.action">
      <input type="hidden" name="cirleUser.userlevel" value="3" />
      <input type="hidden" name="cirleUser.audiuserid" value="1234567" />
    
       <div class="register_tabs">
    <ul class="register_tabs_left">
      <li><a href="register_1.jsp" class="selected">卓越会员</a></li>
      <li><a href="register_2.jsp">奥迪车主</a></li>
      <li><a href="register_3.jsp">奥迪粉丝</a></li>
    </ul>
    <div class="register_tabs_right">标注 <span class="redstar">*</span> 号为必填项</div>
  </div>
  <div class="register_intro">
<div class="register_intro_info">
<table border="0" cellpadding="0" cellspacing="0" >
    <tr class="form_list1">
      <td align="center" class="need">*</td>
      <td class="row1">卓越会员卡号：</td>
      <td class="row2"><input type="text" value="" name="cirleUser.email" class="inputxt" datatype="s6-30"  nullmsg="卡号至少5个字符,最多30个字符！" " errormsg="输入有误！" /></td>
      <td class="row3"><div class="Validform_checktip"></div></td>
    </tr>
    <tr class="form_list1">
      <td align="center" class="need">*</td>
      <td class="row1"><p>密码： </p></td>
      <td class="row2"><input type="password" value="" name="cirleUser.password" class="inputxt" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间,不能使用空格!" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
    <tr class="form_list1">
      <td align="center" class="need">*</td>
      <td class="row1"><p>确认密码： </p></td>
      <td class="row2"><input type="password" value="" name="userpassword2" class="inputxt" datatype="*" recheck="cirleUser.password" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>

    <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>姓名： </p></td>
      <td class="row2"><input type="text" value="" name="cirleUser.username" class="inputxt" ignore="ignore"  datatype="s2-20"  errormsg="姓名至少2个字符,最多20个字符！" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
    <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>姓名拼音： </p></td>
      <td class="row2"><input type="text" value="" name="cirleUser.userpinyin" class="inputxt" ignore="ignore" datatype="s2-20"  errormsg="姓名拼音至少2个字符,最多20个字符！" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
       <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>性别： </p></td>
      <td class="row2"><input type="radio" name="cirleUser.gender" value="1">男 <input type="radio" name="cirleUser.gender" value="0">女</td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr><tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>上传头像： </p></td>
      <td class="row2"><input name="cirleUser.avatar" type="file"    class="fileupload"  errormsg="输入有误！" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
       <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>生日： </p></td>
      <td class="row2">
      <input type="text" plugin="datepicker" class="inputxt" name="cirleUser.birthday" value=""> 
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
   <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>会员卡号： </p></td>
      <td class="row2"> <input type="text"  ignore="ignore" datatype="s2-20"   errormsg="卡号至少2个字符,最多20个字符！"  class="inputxt" name="cirleUser.userstandoutnum" value="">  </td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
 <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1">用户性质：</td>
      <td valign="middle" class="row2">
    
          <div style="padding-top:5px;">     <table border="0">
          <tr>
            <td valign="middle">&nbsp;<input type="radio" name="cirleUser.userquale" id="radio" value="0" /></td>
            <td valign="middle">&nbsp;    个人</td>
            <td valign="middle">&nbsp; <input type="radio" name="cirleUser.userquale" id="radio2" value="1" /></td>
            <td valign="middle">&nbsp;     企业 </td>
          </tr>
        </table>
        </div>
      
      
      </td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
       <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>公司名称： </p></td>
      <td class="row2"><input type="text" value="" name="cirleUser.usercompname"   ignore="ignore" class="inputxt" datatype="s2-18"  errormsg="公司名称至少2个字符,最多20个字符！" /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
       <tr class="form_list1">
      <td align="center" class="need">&nbsp;</td>
      <td class="row1"><p>职位： </p></td>
      <td class="row2"><input type="text" value="" name="cirleUser.userjob"   ignore="ignore" class="inputxt" datatype="s2-20"  errormsg="职位至少2个字符,最多20个字符！"  /></td>
      <td class="row4"><div class="Validform_checktip"></div></td>
    </tr>
        
       <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>电话： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.phone"   ignore="ignore" class="inputxt" datatype="n6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>手机： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.mobile"   ignore="ignore" class="inputxt" datatype="m6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>地区：</p></td>
         <td class="row2">&nbsp;<select name="cirleUser.province">
           <option>河北省</option>
         </select>&nbsp;省&nbsp;<select name="cirleUser.city">
           <option>河北省</option>
         </select>&nbsp;市&nbsp;</td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>详细地址： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.uaddress"   ignore="ignore" class="inputxt" datatype="s2-28"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>邮编： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.postcode"   ignore="ignore" class="inputxt" datatype="p6-6"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>电子邮箱： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.email"   ignore="ignore" class="inputxt" datatype="e6-30"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>兴趣爱好： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.userinterests"   ignore="ignore" class="inputxt" datatype="s2-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>新浪微博： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.blog"   ignore="ignore" class="inputxt" datatype="s2-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>曾加入的俱乐部或商会： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.userclub"   ignore="ignore" class="inputxt" datatype="s2-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>拥有车型：</p></td>
         <td class="row2">&nbsp;
           <select name="cirleUser.brand">
             <option>河北省</option>
           </select>
           &nbsp;车型&nbsp;
           <select name="select">
             <option>河北省</option>
           </select>
           &nbsp;辆&nbsp;</td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>参加过的活动： </p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.userjoinactivity"   ignore="ignore" class="inputxt" datatype="s2-28"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p><strong>推荐购车人： </strong></p></td>
         <td class="row2"><input type="text" value="" name="circleUserExt.vehicleOwner"   ignore="ignore" class="inputxt" datatype="s6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>姓名 <strong>： </strong></p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.name"   ignore="ignore" class="inputxt" datatype="s6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>电话 <strong>： </strong></p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.name"   ignore="ignore" class="inputxt" datatype="s6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr> <tr class="form_list1">
         <td align="center" class="need">&nbsp;</td>
         <td class="row1"><p>意向车型 <strong>： </strong></p></td>
         <td class="row2"><input type="text" value="" name="cirleUser.name"   ignore="ignore" class="inputxt" datatype="s6-18"   errormsg="输入有误！" /></td>
         <td class="row4"><div class="Validform_checktip"></div></td>
       </tr>
    </table>
<span class="row2">
<input type="text" value=""  name="cirleUser.name"   ignore="ignore" class="inputxt" datatype="s6-18"   errormsg="输入有误！" />
</span> </div>


    <div class="register_intro_forms_btn"></div>
  </div>
  
  <div class="register_intro_forms_control">
  
  <input type="image" src="${ctx}/images/register_btn_zc.jpg" />  <input type="image" src="${ctx}/images/register_btn_ct.jpg" />
  </div>
  
  </form>
  <div class="body_contents_btn"></div>    
</div>
<div  class="clear"></div>
<div class="footer_warp">
  <div class="footer_nav">
    <p><a href="#">关于奥迪驾控汇</a> | <a href="#">查找经销商</a> | <a href="#">预约试驾</a> 丨 <a href="#">网站地图</a> | <a href="#">帮助中心</a> | <a href="#">版权声明</a> | <a href="#">奥迪中国</a> 丨 <a href="#">奥迪全球</a></p>
    <p> <span class="engfont">&copy;&nbsp;2010.Audi AG.All rights reserved. </span> 京ICP备05002557号 </p>
  </div>
</div>
<script type="text/javascript" src="${ctx}/scripts/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="${ctx}/scripts/Validform_v4.0_min.js"></script> 
<script type="text/javascript">
$(function(){
	//$(".registerform").Validform();  //就这一行代码！; http://validform.rjboy.cn/?cat=1
		
	$(".registerform").Validform({
		tiptype:2,
		callback:function(form){
			 
			 form.get(0).submit();
			 
		}
	});
})
</script>


</body>
</html>
